<template>
  <div>
    <n-space align="center" justify="center">
      <n-icon :component="WarningIcon" size="28" color="#d03050"/>
      <n-h3 class="m-0">提示</n-h3>
    </n-space>
    <n-divider/>
    <n-gradient-text type="error" :size="20" class="break-all whitespace-pre-wrap">
      <slot></slot>
    </n-gradient-text>
  </div>
</template>

<script setup lang="ts">
import {WarningAmberRound as WarningIcon} from '@vicons/material'
</script>

 